<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/Message.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4584766_ulci31xjsjs.css">
    <script src="js/vue.js"></script>
    <script src="js/jquery-1.12.4.js"></script>
    <title>私信</title>
</head>

<body>
    <script>
        if (sessionStorage.getItem("user") != null) {
            const user = JSON.parse(sessionStorage.getItem("user"))
        }
        var ws = new WebSocket("ws://" + "169.254.202.137:8080/chat" + user.uid)

        ws.onOpen = function (evt) {

        }
        ws.onMessage = function () {

        }
    </script>
    <div class="all">
        <div class="left">
            <div class="left-include">
                <div class="left-icon left-include-path"><img src="img/彩云里Logo.jpg" class="ChyLogo" alt="小猫老弟"></div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-zhuye"></i></div>
                        <div class="homepage">主页</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-sousuo"></i></div>
                        <div class="homepage">搜索</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-tongzhi1"></i></div>
                        <div class="homepage">通知</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i
                                class="icons iconfont icon-xinxiduanxinxiaoxitixingyoujiansixinyouxiang"></i></div>
                        <div class="homepage">私信</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-shuqian1"></i></div>
                        <div class="homepage">书签</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-shequn"></i></div>
                        <div class="homepage">社群</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-shequn"></i></div>
                        <div class="homepage">社群</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage person">
                        <div class="homepage-icon"><i class="icons iconfont icon-gerenziliao1"></i></div>
                        <div class="homepage personal-data">个人资料</div>
                    </div>
                </div>
                <div class="left-icon">
                    <div class="padhomepage">
                        <div class="homepage-icon"><i class="icons iconfont icon-gengduo-yuan-L"></i></div>
                        <div class="homepage">更多</div>
                    </div>
                </div>
                <div class="left-button"><input type="button" value="发帖" class="left-button-pad"></div>
                <div class="userinfo">
                    <div class="avatar"></div>
                    <div class="usernick">
                        <div class="dusername"><span class="username">aa</span></div><span class="nickname">@aaa</span>
                    </div>
                    <div class="icon-gd"><i class=" iconfont icon-sandian"></i></div>
                </div>
            </div>
        </div>
        <div class="center-right">
            <div class="center">
                <div class="center-top">
                    <div class="div-private-letter">
                        <div class="div-private-let"><span class="private-letter">私信</span></div>
                    </div>
                    <div class="new-message">
                        <div class="icon-two-sn">
                            <div class="icon-shez"><i class="iconfont icon-shezhi"></i></div>
                            <div class="icon-newmess"><i class="iconfont icon-message-unread"></i></div>
                        </div>
                    </div>
                </div>
                <div class="Searching-private-messages">
                    <div class="search-box">
                        <div class="sousuo"><i class="iconfont icon-sousuo2"></i></div>
                        <input type="text" class="input-sousuo" placeholder="搜索私信">
                    </div>
                </div>
                <div id="container">

                </div>
            </div>
            <div class="right">
                <div class="personinfo">
                    <div class="avatar-username">
                        <div class="pad-avatar-username">
                            <img class="avatar" src="img/罗哥.png" alt="">
                            <div class="person-username"><h2>{{username}}</h2></div>
                        </div>
                    </div>
                    <div class="exclamation-point"><i class="iconfont icon-gantanhao01"></i></div>
                </div>
                <div class="user-info">
                    <div class="top-user-info">
                        <div class="center-user-info">
                            <div class="user-avatar"><img class="avatar-info"  src="img/罗哥.png" alt=""></div>
                            <div class="user-username">我是陈晨大跌<span class="user-nickname">@陈晨儿子</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/message.js"></script>

</body>

</html>